// Zepto
var $ = require('./components/zepto/zepto'); //1-7行是zepto的固定写法
require('./components/zepto/event');
require('./components/zepto/ajax');
require('./components/zepto/form');
require('./components/zepto/ie');
require('./components/zepto/touch');

module.exports = $;

// 引入Swiper

var Swiper = require('./components/swiper/swiper.min.js');
var swiperAnimate = require('./components/swiper/swiper.animate1.0.2.min.js');
var swiper = new Swiper ('.swiper-container', {
  onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit     这部分是关键需多注意！
    swiperAnimate.swiperAnimateCache(swiper); //隐藏动画元素 
    swiperAnimate.swiperAnimate(swiper); //初始化完成开始动画
  }, 
  onSlideChangeEnd: function(swiper){   
    swiperAnimate.swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
  } 
}) 


/****************************zhou***************************/
//此函数是关键
var myScroll;
function loaded(){
    myScroll = new IScroll('#wrapper', {
        scrollbars: true,
        mouseWheel: true,
        interactiveScrollbars: true,
        shrinkScrollbars: 'scale',
        fadeScrollbars: true
    });
//document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); 
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
 	capture: false,
  passive: false
} : false);
}

/****************************iscroll滑动模板，默认的***************************/
// var myScroll;
// function loaded () {
// 	myScroll = new IScroll('#wrapper', {
// 		scrollbars: true,
// 		mouseWheel: true,
// 		interactiveScrollbars: true,
// 		shrinkScrollbars: 'scale',
// 		fadeScrollbars: true
// 	});
// }

// document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
// 	capture: false,
// 	passive: false
// } : false);
/**************************初始隐藏*************************/
 $("#mainContainer").hide();
 $(".swiper-container").hide();
/******************************************************/


var IScroll = require('./components/iscroll/iscroll');
 $("#mainContainer").hide();
 $(".swiper-container").hide();
// jquery/zepto
$("#enter").tap(function(){  //tap按钮事件  显示与隐藏
    $(".swiper-container").hide();
    $("#mainContainer").show();
    $.ajax({   //这个ajax请求是，当点击“进入页面”按钮时第一个显示的页面
    		async:false,
        type:'GET',
        url:':./../api/skill.php', //修改1：原先是http:locahost:8000/.......php
        dataType:'json',
        success:function(data){
            var html ='';
            for(var i=0;i<data.length;i++){
                html +='<li style="text-align:center;background: turquoise;">' + data[i].category + "</li>";
                html +="<li>技   能：" + data[i].name + "</li>";
                html +="<li>年   限：" + data[i].time + "</li>";
                html +="<li>程   度：" + data[i].level + "</li>";
            }
            $("#scroller ul").html(html);
            $('#skill').css('color','green').children('i').css('color','green');
//          myScroll.refresh();//防止进入后不能滑动，只有在点击下方其他按钮后才能进行滑动
        }
    })
    loaded();
//
//  myScroll = new IScroll('#wrapper', { mouseWheel: true });
//  document.addEventListener('touchmove', function (e) { e.preventDefault()},false);
})

$("#footer ul li").tap(function(){ 
		if(".iScrollVerticalScrollbar iScrollLoneScrollbar"){//移除
				$(".iScrollVerticalScrollbar iScrollLoneScrollbar").remove();
		}
    $(this).css('color','green').siblings().css('color','white');
    $(this).find('i').css('color','green').parent('li').siblings().find('i').css('color','#ccc');  
    var apiTarget = $(this).attr('id');
    var apiUrl = "./../api/" + apiTarget + ".php";

    if(apiTarget=='skill'){
        $.ajax({
    				async:false,       	
            type:'GET',
            url:apiUrl,
            dataType:'json',
            success:function(data){
                var html ='';
                for(var i=0;i<data.length;i++){
                    html +='<li style="text-align:center;background: turquoise;">' + data[i].category + '</li>';
                    html +="<li>技   能：" + data[i].name + "</li>";
                    html +="<li>年   限：" + data[i].time + "</li>";
                    html +="<li>程   度：" + data[i].level + "</li>";
                }
                $("#scroller ul").html(html);
            }
        });
        loaded();
    }else if(apiTarget=='project'){
        $.ajax({
    				async:false,
            type:'GET',
            url:apiUrl,
            dataType:'json',
            success:function(data){
                var html ='';
                for(var i=0;i<data.length;i++){
                    html +='<li style="text-align:center;background: turquoise;">项目类别' + data[i].category + "</li>";
                    html +="<li>名       称：" + data[i].name + "</li>";
                    html +="<li>网站地址：" + data[i].url + "</li>";             
                    html +="<li>描       述：" + data[i].description + "</li>";
                    html +="<li>个人负责：" + data[i].detail + "</li>";
                    html +="<li>所用技能：" + data[i].tech + "</li>";
                }
                $("#scroller ul").html(html);
            }
        });
        loaded();
    }else if(apiTarget=='work'){
        $.ajax({
        		async:false,
            type:'GET',
            url:apiUrl,
            dataType:'json',
            success:function(data){
                var html ='';
                for(var i=0;i<data.length;i++){
                    html +='<li  style="text-align:center;height:80px;" ><img src="./images/'+data[i].img+'"/></li>';             
                    html +="<li>任职公司：" + data[i].name + "</li>";
                    html +="<li>任职公司：" + data[i].url + "</li>";                   
                    html +="<li>任职岗位：" + data[i].posts + "</li>";
                    html +="<li>带领团队：" + data[i].peoples + "</li>";
                    html +="<li>项目经历：" + data[i].projects + "</li>";
                }
                $("#scroller ul").html(html);
            }
        });
        loaded();
    }else if(apiTarget=='wode'){
        $.ajax({
    				async:false,
            type:'GET',
            url:apiUrl,
            dataType:'json',
            success:function(data){
                var html ='';
                for(var i=0;i<data.length;i++){
                    html +="<li>姓     名：" + data[i].xingming + "</li>";
                    html +="<li>年     龄：" + data[i].nianling + "</li>";
                    html +="<li>学     历：" + data[i].xueli + "</li>";             
                    html +="<li>经     验：" + data[i].jingyan + "</li>";
                }
                $("#scroller ul").html(html);
            }
        }); 
        loaded();
    };
})
//****************************************************** */
var interval  = setInterval(function(){
    if(document.readyState === 'complete'){//判断页面是否加载完成
        clearInterval(interval);
        $("#loading").hide();
        $(".swiper-container").show();
        swiper.updateContainerSize(); // 万分重要
        swiper.updateSlidesSize(); // 万分重要
    }else{
        $("#loading").show();
    }
})
function isPassive() {
    var supportsPassiveOption = false;
    try {
        addEventListener("test", null, Object.defineProperty({}, 'passive', {
            get: function () {
                supportsPassiveOption = true;
            }
        }));
    } catch(e) {}
    return supportsPassiveOption;
}
